<template>
  <div class="app-container">
    <div class="tabs dachuShenChaBox">
      <el-tabs v-model="activeName">
        <el-tab-pane label="图件审查" name="1" />
        <el-tab-pane label="附件审查" name="2" />
      </el-tabs>
      <div class="dachuShenCha">
        <div class="dachuShenCha_item" @click="exportOpinion">
          <i class="el-icon-upload2" /> 导出审查意见
        </div>
        <div v-if="!isLook" class="dachuShenCha_item" @click="checkTijiao">
          <i class="el-icon-document-checked" /> 校验审查意见
        </div>
      </div>
    </div>
    <div v-show="activeName == '1'" v-loading="listLoading" class="tdMap-box">
      <tdMap
        ref="tdMap"
        :pk-list="list"
        :xian-zhuang-path="xianZhuangFliePath"
        :cuowu-list="cuowuListData"
        :is-look="isLook"
        show-sjsc="true"
        layer-name="EarlyMappingResultAudit"
        link-value="EARLY_MAPPING_RESULT_FIRST_AUDIT"
      >
        <template slot="buttonGroup">
          <el-button size="medium" @click="handleXzViewInto">现状图</el-button>
        </template>

        <!-- 基本信息详情（插槽） s -->
        <div v-if="curIndex != null" slot="popupBaseInfo">
          <table cellspacing="0" class="tableBasicInfo">
            <tr>
              <th>权利人</th>
              <td>{{ list[curIndex].qlr }}</td>
            </tr>
            <tr>
              <th>红线面积</th>
              <td>{{ list[curIndex].sshxm | M2 }}</td>
            </tr>
            <tr>
              <th>占建设用地类百分比</th>
              <td>
                <span :class="{ redText: list[curIndex].jxzdm < 50 }">{{ list[curIndex].jxzdm }}%</span>
              </td>
            </tr>
            <tr>
              <th>建设用地复垦面积</th>
              <td>{{ list[curIndex].sshxm | M2 }}</td>
            </tr>
            <tr>
              <th>宅基地面积</th>
              <td>{{ list[curIndex].nczjd | M2 }}</td>
            </tr>
            <tr>
              <th>宅基地附属用地面积</th>
              <td>{{ list[curIndex].zjdfs | M2 }}</td>
            </tr>
            <tr>
              <th>预计减少建设用地面积</th>
              <td>{{ list[curIndex].yjjsj | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加农用地面积</th>
              <td>{{ list[curIndex].yjzjn | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加耕地面积</th>
              <td>{{ list[curIndex].yjzjg | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加林地面积</th>
              <td>{{ list[curIndex].yjzjl | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加园地面积</th>
              <td>{{ list[curIndex].yjzjy | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加其他农用地面积</th>
              <td>{{ list[curIndex].yjzjq | M2 }}</td>
            </tr>
            <tr>
              <th>权属单位</th>
              <td>{{ list[curIndex].qsdw }}</td>
            </tr>
            <tr>
              <th>图幅号</th>
              <td>{{ list[curIndex].tfh }}</td>
            </tr>
            <tr>
              <th>图斑号</th>
              <td>{{ list[curIndex].tbh }}</td>
            </tr>
            <tr>
              <th>图斑面积</th>
              <td>{{ list[curIndex].tbdlm | M2 }}</td>
            </tr>
            <tr>
              <th>小地名</th>
              <td>{{ list[curIndex].xdm }}</td>
            </tr>
          </table>
        </div>
        <!-- 基本信息详情（插槽） e -->

        <!-- 综合监管详情（插槽） s -->
        <div
          slot="popupJgInfo"
          v-loading="xctkLoader == false ? qqchLoader == true ? true : false : true"
        >
          <template v-if="!jgInfoData.xctk.time && !jgInfoData.qqch">
            <div class="no-data" style="margin: 0;">- 暂无数据 -</div>
          </template>
          <template v-else>
            <div class="zonghexinxiFirst zonghexinxiItem">
              <div class="zonghexinxiLeft">现场勘探</div>
              <div v-if="jgInfoData.xctk.time" class="item-box">
                <div class="one-item one-item-item item-box-firstItem">
                  踏勘时间：
                  <span>{{ jgInfoData.xctk.time }}</span>
                </div>
                <div class="item-box-box one-item-item">
                  <div class="item-box-box-left">踏勘位置：</div>
                  <div class="item-box-box-right">
                    <div class="one-item check">
                      <el-checkbox :value="jgInfoData.xctk.lygh == 'YES' ? true : false">是否符合土地利用规划？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox :value="jgInfoData.xctk.zzgh == 'YES' ? true : false">是否符合土地整治规划？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox
                        :value="jgInfoData.xctk.xzjsgh == 'YES' ? true : false"
                      >是否符合乡镇建设规划？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox :value="jgInfoData.xctk.pddy == 'YES' ? true : false">坡度是否大于25度？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox
                        :value="jgInfoData.xctk.qlrzysq == 'YES' ? true : false"
                      >土地权利人是否自愿申请？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox
                        :value="jgInfoData.xctk.zbnyd == 'YES' ? true : false"
                      >是否与周边农用地相连？</el-checkbox>
                    </div>
                  </div>
                </div>
                <div class="table-box">
                  <div class="table-box-left table-box-item">踏勘指界资料：</div>
                  <div class="table-box-right table-box-item">
                    <ul class="ziliaoList">
                      <li
                        v-for="(item, index) in jgInfoData.xctkList"
                        :key="index"
                        @click="handleImageDialog(item)"
                      >{{ item.name }}</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div v-else class="zhjg-no-data">暂无数据</div>
            </div>
            <div class="zonghexinxiFirst zonghexinxiItem">
              <div class="zonghexinxiLeft">前期测绘</div>
              <div v-if="jgInfoData.qqch" class="item-box">
                <div class="one-item one-item-item item-box-firstItem">
                  前期测绘：
                  <span>{{ jgInfoData.qqch.time }}</span>
                </div>
                <div class="one-item one-item-item item-box-firstItem">
                  测绘位置：
                  <span>{{ jgInfoData.qqch.place }}</span>
                </div>
                <div class="table-box">
                  <div class="table-box-left table-box-item">踏勘指界资料：</div>
                  <div class="table-box-right table-box-item">
                    <ul class="ziliaoList">
                      <li
                        v-for="(item, index) in jgInfoData.qqchList"
                        :key="index"
                        @click="handleImageDialog(item)"
                      >{{ item.name }}</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div v-else class="zhjg-no-data">暂无数据</div>
            </div>
            <div class="shenChaContent">
              <div class="zonghexinxiFirst zonghexinxiItem">
                <div class="zonghexinxiLeft">外业信息</div>
                <div class="item-box">
                  <div class="item-box-box one-item-item">
                    <div class="item-box-box-right">
                      <div class="one-item check">
                        <el-checkbox :value="wyData.checked1">复垦点权利人与图中标注是否一致？</el-checkbox>
                      </div>
                      <div class="one-item check">
                        <el-checkbox :value="wyData.checked2">复垦点地类综合是否合理？</el-checkbox>
                      </div>
                      <div class="one-item check">
                        <el-checkbox :value="wyData.checked3">复垦点坐标是否准确？</el-checkbox>
                      </div>
                      <div class="one-item check">
                        <el-checkbox :value="wyData.checked4">1:500测绘成果与实地是否一致？</el-checkbox>
                      </div>
                      <div class="one-item check">
                        <el-checkbox :value="wyData.checked5">近远景照片是否真实？</el-checkbox>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="zonghexinxiFirst zonghexinxiItem wyJibenxinxi">
                <div class="zonghexinxiLeft">外业资料</div>
                <div class="item-box">
                  <div class="table-box">
                    <div class="table-box-right table-box-item">
                      <ul v-if="wyData.imgArr.length != 0" class="ziliaoList">
                        <li
                          v-for="(item, index) in wyData.imgArr"
                          :key="index"
                          @click="handleImageDialogWy(item)"
                        >{{ item.name }}</li>
                      </ul>
                      <div v-else class="zhjg-no-data">暂无数据</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </template>
        </div>
        <!-- 综合监管详情（插槽） e -->

        <!-- 数据审查 s -->
        <div slot="popupSjscInfo">
          <el-form style="width: 460px;">
            <el-form-item label="该片块图件是否为遗漏复垦点：">
              <el-radio v-model="itemDataForTable.isMissingReclaimPoint" label="YES">是</el-radio>
              <el-radio v-model="itemDataForTable.isMissingReclaimPoint" label="NO">否</el-radio>
            </el-form-item>
            <el-form-item label="审定规模与送审规模是否一致：">
              <el-radio v-model="itemDataForTable.isIdenticalScale" label="YES">是</el-radio>
              <el-radio v-model="itemDataForTable.isIdenticalScale" label="NO">否</el-radio>
            </el-form-item>
            <el-form-item
              v-if="itemDataForTable.isIdenticalScale == 'NO'"
              label="审增(减)原因："
              label-width="120px"
            >
              <el-input
                v-model="itemDataForTable.auditScaleChangeReason"
                :rows="3"
                type="textarea"
                placeholder="请输入审增(减)原因"
              />
            </el-form-item>
            <el-form-item
              v-if="itemDataForTable.isIdenticalScale == 'NO'"
              label="宅基地面积："
              label-width="120px"
            >
              <el-input v-model="itemDataForTable.homestead" placeholder="请输入宅基地面积">
                <span slot="suffix">㎡</span>
              </el-input>
            </el-form-item>
            <el-form-item
              v-if="itemDataForTable.isIdenticalScale == 'NO'"
              label="附属用地面积："
              label-width="120px"
            >
              <el-input v-model="itemDataForTable.attachedLand" placeholder="请输入附属用地面积">
                <span slot="suffix">㎡</span>
              </el-input>
            </el-form-item>
            <el-form-item
              v-if="itemDataForTable.isIdenticalScale == 'NO'"
              label="其他面积："
              label-width="120px"
            >
              <el-input v-model="itemDataForTable.other" placeholder="请输入其他面积">
                <span slot="suffix">㎡</span>
              </el-input>
            </el-form-item>
            <el-form-item v-if="!isLook">
              <el-button type="primary" @click="submitYj1">提交</el-button>
            </el-form-item>
          </el-form>
        </div>
        <!-- 数据审查 e -->
      </tdMap>
    </div>

    <fujian
      v-show="activeName == '2'"
      ref="fujianChild"
      :is-look="isLook"
      :fujian-list="fujianList"
      :cuowu-list="cuowuList"
      :link-value="linkValue"
    />

    <!-- 综合监管信息现场踏勘图片 -->
    <el-dialog
      :close-on-click-modal="false"
      :title="dialogImageUrlTitle"
      :visible.sync="dialogVisible"
    >
      <img width="100%" :src="$https + dialogImageUrl" />
    </el-dialog>

    <!-- 全景图 -->
    <el-dialog title="查看全景图" :close-on-click-modal="false" :visible.sync="panoramaPopup">
      <div ref="panorama" style="width: 100%; height: 500px; text-align: center;" />
    </el-dialog>

    <!-- 外业信息图片、视频查看 -->
    <el-dialog
      :close-on-click-modal="false"
      :title="wyData.jgTitle"
      :visible.sync="wyData.imgShow"
      :before-close="handleCloseWySee"
    >
      <div v-if="wyData.showImgType == 1" style="width: 500px; height: 500px; margin: 0 auto;">
        <img style="width: 100%; height: 100%;" :src="$https + wyData.imgSrc" />
      </div>
      <div v-if="wyData.showImgType == 2" style="width: 700px; height: 400px; margin: 0 auto;">
        <video
          id="showVedio"
          autoplay
          controls
          style="width:100%;height:100%;"
          :src="$https + wyData.imgSrc"
        />
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  queryLandResultAuditInfo,
  queryProjectResultAuditInfo2,
  auditLandResultInfo,
  getLandStatusMapAuditInfo,
  getearlyCsWyData
} from '@/api/siteSurveyEarlyStage'
import { getNormalOpinionType } from '@/api/getOpinion'
import { getXctkDetail, getQqchDetail } from '@/api/tdMap'
import { getWySupervisingCheck } from '@/api/common'
import PhotoSphereViewer from 'photo-sphere-viewer'
import 'photo-sphere-viewer/dist/photo-sphere-viewer.css'

import tdMap from '@/components/tdMap'
import fujian from '@/components/fujianList'

export default {
  components: {
    tdMap,
    fujian
  },
  data() {
    return {
      linkValue: 'EARLY_MAPPING_RESULT_FIRST_AUDIT',
      // 现状图路径
      xianZhuangFliePath: '',
      // 外业单选
      waiyeObj: {
        waiyeRadio: '',
        landId: ''
      },
      cuowuList: [], // 错误类型数组
      cuowuListData: [], // 错误类型数组（子组件）
      activeName: '1',
      list: [],
      listLoading: false,
      listQuery: {
        page: 1,
        size: 9999,
        projectId: localStorage.getItem('projectId')
      },
      total: 0, // 总数
      fujianList: [], // 附件数组
      itemDataForTable: {
        landId: '', // 片块ID
        isIdenticalScale: 'YES', // 审定规模与送审规模是否一致,可用值:YES,NO
        isMissingReclaimPoint: 'YES', // 是否为遗漏复垦点,可用值:YES,NO
        auditScaleChangeReason: '', // 审减（增）原因，有原因时填写
        attachedLand: '', // 附属用地
        homestead: '', // 宅基地
        other: '' // 其他
      },
      curProgress: '', // 当前流程
      isLook: false, // 查看模式

      curIndex: null,
      jgInfoData: {
        // 监管信息数据
        xctk: {
          time: ''
        }, // 现场踏勘
        xctkList: [],
        qqch: null, // 前期测绘
        qqchList: [],
        cgcs: null // 成果初审
      },
      dialogVisible: false,
      dialogImageUrl: null,
      dialogImageUrlTitle: '查看图片',
      wyData: {
        checked1: '',
        checked2: '',
        checked3: '',
        checked4: '',
        checked5: '',
        imgArr: [],
        imgShow: false,
        jgTitle: '查看',
        imgSrc: '',
        showImgType: '' // 区别视频或者图片 1 图片 2 视频
      },
      // zongheImgType:'',//1，图片，2：全景图
      panoramaPopup: false,
      quanjin: '',
      panoramaImg: require('@/assets/panorama.jpg'),
      xctkLoader: false,
      qqchLoader: false,
      nySjscView: false
    }
  },

  created() {
    this.curProgress = localStorage.getItem('router')
    if (this.curProgress !== 'EARLY_MAPPING_RESULT_FIRST_AUDIT') {
      this.isLook = true
    }
    if (localStorage.getItem('lookStatus') == 2) {
      this.isLook = true
    }
    this.getData()
    this.getFujian()
    this.getOpinionType()
  },
  methods: {
    handleImageDialogWy(row) {
      // 查看综合监管信息图片、视频
      this.wyData.imgShow = true
      this.wyData.imgSrc = row.path
      this.wyData.showImgType = row.type
      if (row.type == 1) {
        this.wyData.jgTitle = '查看图片'
      } else {
        this.wyData.jgTitle = '查看视频'
        this.$nextTick(() => {
          var vedio = document.getElementById('showVedio')
          vedio.play()
        })
      }
    },
    handleCloseWySee() {
      // 关闭监管信息弹窗
      this.wyData.imgShow = false
      var vedio = document.getElementById('showVedio')
      vedio.currentTime = 0
      vedio.pause()
    },
    getWyData(landId) {
      // 外业信息
      const obj = {
        landId: landId
      }
      getearlyCsWyData(obj).then(res => {
        const data = res.data
        this.wyData.checked1 = data.ifManRight
          ? data.ifManRight == 'YES'
            ? true
            : data.ifManRight == 'NO'
            ? false
            : ''
          : ''
        this.wyData.checked2 = data.ifRight
          ? data.ifRight == 'YES'
            ? true
            : data.ifRight == 'NO'
            ? false
            : ''
          : ''
        this.wyData.checked3 = data.ifDonateRight
          ? data.ifDonateRight == 'YES'
            ? true
            : data.ifDonateRight == 'NO'
            ? false
            : ''
          : ''
        this.wyData.checked4 = data.ifResultRight
          ? data.ifResultRight == 'YES'
            ? true
            : data.ifResultRight == 'NO'
            ? false
            : ''
          : ''
        this.wyData.checked5 = data.ifPhotoRight
          ? data.ifPhotoRight == 'YES'
            ? true
            : data.ifPhotoRight == 'NO'
            ? false
            : ''
          : ''

        this.$nextTick(() => {
          const obj1 = {
            page: 1,
            size: 999,
            photo: data.photo ? data.photo : '',
            vcr: data.vcr ? data.vcr : ''
          }
          getWySupervisingCheck(obj1).then(res1 => {
            var imageGeShi = ['bmp', 'pcx', 'png', 'jpg', 'jpeg', 'gif', 'tiff']
            var videoGeShi = [
              'mp4',
              'avi',
              'flv',
              'rmvb',
              'mkv',
              'gif',
              'mov',
              'rm',
              '3gp'
            ]
            var mainList = []
            var mainList1 = []
            res1.data.rows.forEach((item, index) => {
              imageGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf('.') + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf('.')
                  var photoType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  )
                  mainList.push({
                    name: '外业核查照片',
                    path: item.filePath,
                    type: 1,
                    flieType: photoType
                  })
                }
              })
            })
            res1.data.rows.forEach((item, index) => {
              videoGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf('.') + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf('.')
                  var vedioType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  )
                  mainList1.push({
                    name: '核查现场视频',
                    path: item.filePath,
                    type: 2,
                    flieType: vedioType
                  })
                }
              })
            })
            // 名称处理
            mainList.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : '') + item.flieType
            })
            mainList1.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : '') + item.flieType
            })
            this.wyData.imgArr = mainList.concat(mainList1)
          })
        })
      })
    },
    // 打开现状图
    handleXzViewInto() {
      this.$refs.tdMap.handleXzView()
    },
    // 获取前期测绘数据
    getQqchData() {
      this.qqchLoader = true
      getQqchDetail({
        landId: this.list[this.curIndex].landId
      })
        .then(res => {
          this.qqchLoader = false
          this.jgInfoData.qqch = res.data
          this.jgInfoData.qqchList = [
            {
              name: '空中全景照片',
              src: res.data.panoramagramFilePath
            },
            {
              name: '复垦点方位一照片',
              src: res.data.landPositionOneFilePath
            },
            {
              name: '复垦点方位二照片',
              src: res.data.landPositionTwoFilePath
            },
            {
              name: '复垦点方位三照片',
              src: res.data.landPositionThreeFilePath
            },
            {
              name: '复垦点方位四照片',
              src: res.data.landPositionFourFilePath
            }
          ]
        })
        .catch(() => {
          this.qqchLoader = false
        })
    },
    handleImageDialog(item) {
      this.dialogImageUrl = ''
      if (item != null) {
        if (item.id != 2) {
          this.dialogImageUrlTitle = item.name
          this.dialogVisible = true
          this.dialogImageUrl = item.src
        } else if (item.id == 2) {
          this.panoramaPopup = true
          this.quanjin = item.src
          if (!this.$refs.panorama) {
            this.$nextTick(() => {
              PhotoSphereViewer({
                panorama:
                  this.quanjin == '' || this.quanjin == null
                    ? this.panoramaImg
                    : this.$https + this.quanjin,
                container: this.$refs.panorama,
                time_anim: 3000,
                navbar: true,
                navbar_style: {
                  backgroundColor: 'rgba(58, 67, 77, 0.7)'
                }
              })
            })
          }
        }
      }
    },
    // 获取现场踏勘数据
    getXctkData() {
      this.xctkLoader = true
      getXctkDetail({
        landId: this.list[this.curIndex].landId
      })
        .then(res => {
          this.xctkLoader = false
          this.jgInfoData.xctk = res.data
          this.jgInfoData.xctkList = [
            { name: '情况说明照片1', src: res.data.photo1 },
            { name: '情况说明照片2', src: res.data.photo2 }
          ]
        })
        .catch(() => {
          this.xctkLoader = false
        })
    },
    // 导出
    exportOpinion() {
      // 导出意见
      this.$refs.tdMap.handleExportOpinion()
    },
    // 检查提交
    checkTijiao() {
      this.$refs.tdMap.handleCheckOpinion({
        stage: 'EarlyMappingResultAudit',
        path: '/xmkgh/ywdeal'
      })
    },
    // 提交意见(列表)
    submitYj1() {
      const _data = {
        ...this.itemDataForTable,
        projectId: localStorage.getItem('projectId')
      }
      const loadingInstance = this.$loading(this.$loadingData)
      auditLandResultInfo(_data)
        .then(res => {
          loadingInstance.close()
          this.$message({
            message: '审查成功',
            type: 'success'
          })
          this.getData()
        })
        .catch(() => {
          loadingInstance.close()
        })
    },
    // 获取意见类型
    getOpinionType() {
      getNormalOpinionType().then(res => {
        this.cuowuList = res.data
        this.cuowuListData = res.data
      })
    },
    // 获取附件列表
    getFujian() {
      var data = {
        projectId: localStorage.getItem('projectId')
      }
      queryProjectResultAuditInfo2(data).then(res => {
        this.fujianList = res.data.projectAccessoryList
      })
    },
    // 获取现状图
    getXianZhangData(data) {
      getLandStatusMapAuditInfo({
        landId: data.landId
      }).then(res => {
        this.xianZhuangFliePath = res.data.statusMap.filePath
      })
    },
    // 前往查看现状图
    toSeeXianZhuang(row) {
      this.getXianZhangData(row)
    },
    // 打开外业审查意见弹框
    shenchaWy(row) {
      this.waiyeObj.landId = row.landId
      this.getWyData(row.landId)
      if (row.auditDto.isStoringRecordInspectionStatus == 'VIEW') {
        this.waiyeObj.waiyeRadio = row.auditDto.isStoringRecordInspection
      } else if (row.auditDto.isStoringRecordInspectionStatus == 'AUDIT') {
        this.waiyeObj.waiyeRadio = ''
      }
    },
    getData() {
      this.listLoading = true
      queryLandResultAuditInfo(this.listQuery)
        .then(res => {
          this.listLoading = false
          this.list = res.data.rows
          this.total = res.data.total
        })
        .catch(() => {
          this.listLoading = false
        })
    },
    changeLnglat(scope) {
      this.$refs.tdMap.changePkPosition(scope.$index)
    },
    // 片块基本信息
    getCurListIndex(index) {
      this.curIndex = index
      if (this.curIndex != null) {
        this.shenchaWy(this.list[this.curIndex])
        this.getXctkData()
        this.getQqchData()
        this.renderNySjscData(this.list[this.curIndex])
      }
    },
    renderNySjscData(item) {
      this.itemDataForTable['landId'] = item.landId
      if (item.auditDto.landStatus == 'AUDIT') {
        this.nySjscView = false
        this.resetNySjsc()
      } else if (item.auditDto.landStatus == 'VIEW') {
        this.nySjscView = true
        this.itemDataForTable['isIdenticalScale'] =
          item.auditDto.isIdenticalScale
        this.itemDataForTable['isMissingReclaimPoint'] =
          item.auditDto.isMissingReclaimPoint
        this.itemDataForTable['auditScaleChangeReason'] =
          item.auditDto.auditScaleChangeReason
        this.itemDataForTable['attachedLand'] = item.auditDto.attachedLand
        this.itemDataForTable['homestead'] = item.auditDto.homestead
        this.itemDataForTable['other'] = item.auditDto.other
      }
    },
    resetNySjsc() {
      this.itemDataForTable['isIdenticalScale'] = 'YES'
      this.itemDataForTable['isMissingReclaimPoint'] = 'YES'
      this.itemDataForTable['auditScaleChangeReason'] = ''
      this.itemDataForTable['attachedLand'] = ''
      this.itemDataForTable['homestead'] = ''
      this.itemDataForTable['other'] = ''
    }
  }
}
</script>

<style lang="scss" scoped>
/deep/ .el-tabs__nav-wrap::after {
  height: 1px;
}

.fujianList {
  margin-top: 30px;
  float: left;
  width: 25%;
  box-sizing: border-box;
  margin-right: 3%;
}

.dachuShenChaBox {
  position: relative;
}

.dachuShenCha {
  position: absolute;
  right: 0;
  top: 4px;
  display: flex;
}

.dachuShenCha .dachuShenCha_item {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
}

.dachuShenCha .dachuShenCha_item:first-child {
  margin-right: 35px;
}

.shenchaItem {
  display: flex;
  align-items: center;
}

.shenchaItem p {
  min-width: 60px;
  font-size: 14px;
  color: #444;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 16px;
}

.shenChaTanKuang /deep/ .el-dialog {
  width: 500px;
}

.shenchaItem_item_textarea {
  width: 100%;
}

.shenchaItem_item_noFlex p {
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.shenchaItem_small {
  margin-top: 20px;
}

.shenchaItem_small p {
  width: 100px;
}

.shenchaItem_item_input {
  width: 260px;
}

/deep/ .el-tree-node__label {
  margin-left: 10px;
}

.redText {
  color: red;
}
</style>
